<template>
	<view
		class="recycle-address-field-component"
		@click="$emit('address')"
	>
		<view
			v-if="addressInfo.addrId"
			class="address-content"
		>
			<view class="name-phone">
				<text class="name">{{ addressInfo.userName }}</text>
				<text class="phone">{{ addressInfo.tel }}</text>
			</view>
			<view class="detail">{{ addressInfo.landmark }}{{ addressInfo.houseNumber }}</view>
		</view>
		<view v-else class="placeholder">请填写上门地址</view>
	</view>
</template>

<script>
export default {
	props: {
		addressInfo: Object
	}
}
</script>

<style lang="scss" scoped>
@import './index.scss';
</style>